@(symbol:String)(implicit request: play.api.mvc.RequestHeader)
@main("Search") {
	<link rel="stylesheet" media="screen" href="@routes.Assets.at("phylotree.js-master/phylotree.css")">
	<script src="@routes.Assets.at("javascripts/d3.min.js")" type="text/javascript"></script>
	<script src="@routes.Assets.at("phylotree.js-master/phylotree.js")" type="text/javascript"></script>
	<script src="@routes.Assets.at("javascripts/underscore.min.js")" type="text/javascript"></script>


	<style>

			.fa-rotate-135 {
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				transform: rotate(135deg);
			}

			.fa-rotate-45 {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			.myGroup {
				margin-top: 15px;
				margin-left: 15px;
			}

			.form-horizontal .has-feedback .form-control-feedback {
				top: 0;
				right: -25px !important;
			}

			.has-feedback .form-control {
				padding-right: 10px;
			}

			#fasta {
				display: none;
			}

			p {
				font-size: 16px;
			}

			.length {
				color: #3498db;
				width: 60px;
			}

			.blue {
				color: #3498db;
			}

			.orange {
				color: #f39c12;
			}

			td {
				font-size: 16px;
			}

			.table > thead > tr > th {
				border-bottom: none;
			}

			.tableHead {
				background-color: #3498db;
				color: white;
				font-size: 16px;
			}

			.tableText {
				background-color: #F39C12;
				color: white;
			}

			.tableText:hover {
				background-color: #e08e0b;
			}

			.tableBorder {
				background-color: #F9F9F9;
			}

			.tableBorder:hover {
				background-color: #ECF0F1;
			}

			.tableNoBorder:hover {
				background-color: #ECF0F1;
			}

			pre {
				max-height: 300px;
			}

	</style>

	<div class="row">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">Search</h2>
		</div>
	</div>

	<div id="root"></div>

	<script>

		var symbol="@symbol"

			$(function () {

				Search.init

			})

	</script>
}
